$(function(){
// 异步请求 async: 值为true时为异步请求，为false时同步请求
	var obj = $.ajax({
		type:"get",
		url:"js/radio.json",
		async:false,
		success:function(response,stutas,xhr){
			console.log(response);
		},
		error:function(){
			console.log("error");
		}
	})
	function Radio(e ,i){
		this.src = e.src;
		this.name = e.name;
		this.author = e.author;
		this.txt = e.txt;
		this.i = i;
	}
	Radio.prototype = {
		init:function(){
			$(`<li class="rank_item">
					<div class="item_num floatleft">`+(this.i+1)+`</div>
					<div class="item_img floatleft">
						<img src="`+this.src+`" >
					</div>
					<div class="item_info floatleft">
						<div class="name">
							<a href="#">`+this.name+`</a>
							<span>更新中</span>
						</div>
						<div class="author">作者：`+this.author+`</div>
						<div class="content">`+this.txt+`</div>
						<a href="#" class="play_all">播放全部</a>
						<a href="#" class="follow">追剧</a>
					</div>
				</li>`).appendTo($(".rank_list"));
		}
	}
	
	var list = obj.responseJSON.result;
	
	$.each(list.weekrank,function(i,e){
		var rad = new Radio(e,i);
		rad.init();
		// console.log(e);
	})
	
	var re_arr = ["weekrank","mouthrank","allrank"];
	$.each($(".ran_cg"),function(i,e){
		$(".ran_cg").eq(i).click(function(){
			$.each(list[re_arr[i]],function(i,e){
				$(".rank_list .item_img>img").eq(i).attr("src",e.src);
				$(".rank_list .name>a").eq(i).text(e.name);
				$(".rank_list .author").eq(i).text("作者："+e.author);
				$(".rank_list .content").eq(i).text(e.txt);
			})
			$(".ran_cg").eq(i).css("color","#cd3333").siblings().css("color"," #757575");
		})
	})
	
	
	// var trans = 'transition' in document.body.style;
	// //为当前窗口添加滚动条滚动事件（适用于所有可滚动的元素和 window 对象（浏览器窗口））
	// $(window).scroll(function(){
	// 	 //创建一个变量存储当前窗口下移的高度
	// 	// var scroTop = $(window).scrollTop();
	// 	// //判断当前窗口滚动高度
	// 	// //如果大于100，则显示顶部元素，否则隐藏顶部元素
	// 	// if(scroTop>600){
	// 	// 	$("#toTop").css("top","0px");
	// 	// 	$('#toTop').stop().slideDown(500);
	// 	// 	// $('#toTop').animate({"top":"0"},"fast");
	// 	// }else{
	// 	// 	$('#toTop').stop().slideUp(500);
	// 	// 	// $('#toTop').animate({"top":"-300px"},"fast");
	// 	// }
		
	// 	var sd = $(window).scrollTop()
	// 	if ( sd > 600 ) {
	// 		if ( trans ) {
	// 			$("#toTop").css('top', 0)
	// 		} else {
	// 			$("#toTop").fadeIn(500)
	// 		}
	// 	} else {
	// 		if ( trans ) {
	// 			$("#toTop").css('top', -$("#toTop").height() + 'px')
	// 		}
	// 		else {
	// 			$("#toTop").fadeOut(0)
	// 		}
	// 	}
	// })
	// $("#toTopHover").click(function(){
	// 	// $('#toTop').slideUp();
	// 	// // $("#toTop").css("top","-300px");
	// 	// $("html,body").animate({scrollTop:0},500);
		
	// 	$('html, body').animate({ scrollTop: 0 }, 1100, 'linear')
	// 	if ( trans ) {
	// 		// $("#toTop").css('top', -$("#toTop").height() + 'px')
	// 		$("#toTop").css('top', -300 + 'px')
	// 	} else {
	// 		$("#toTop").animate( { top: -$("#toTop").height() }, 500, 'linear', function () {
	// 			if ($(window).scrollTop() === 0) {
	// 				$("#toTop").css('top', -$("#toTop").height() + 'px')
	// 			}
	// 		})
	// 	}
	// })
	$(window).scroll(function () {
	   var scrollTop = $(this).scrollTop();
	   var scrollHeight = $(document).height();
	   var windowHeight = $(this).height();
	    if (scrollTop >= 500) {
			$("#toTop").css("top","0px")
			
	    }else{
			$("#toTop").css("top","-100%")
		}
	})
	$("#toTop").click(function(){
		 $('html , body').animate({scrollTop: 0},'slow');
	})
	
	
})